
<!DOCTYPE html>
<html data-lt-installed="true" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">

		<!-- Primary Meta Tags -->
		<title>CINEMETRICS</title>
		<meta name="title" content="CINEMETRICS">
		<meta name="description" content="CINEMETRICS is a tool for analysing, visualizing, and comparing formal characteristics of movies.">
		<style>
			* {
				box-sizing: border-box;
			}
			html, body {
				width: 100vw;
				height: 100vh;
				margin: 0;
				padding: 0;
				font-family: sans-serif;
				font-size: 16px;
				background-color: #d0d0d0;
				overflow: hidden;
			}
			#app {
				width: 100%;
				height: 100%;
			}
			a, a:hover, a:active, a:visited {
				color: black;
			}
			#still {
				z-index: 9999;
				display: none;
				pointer-events: none;
				position: absolute;
			}
		</style>
        <style data-emotion="css"></style>
    </head>
	<body>
		<div id="app"></div>
		<script src="CINEMETRICS_files/vendor.js"></script>
		<script src="CINEMETRICS_files/main.js"></script>
	</body>
</html>